<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>

<rich:panel header="#{messages['select.payment.option']}">
	<h:panelGrid>
		<h:outputText value="#{errorBean.errorMessage}" styleClass="error"></h:outputText>
	</h:panelGrid>
	<rich:dataTable id="data" var="type" value="#{memberNewAgreementBean.paymentOptionList}"
		rows="20" width="99%">
		<rich:column style="text-align:center;width:40%;">
			<f:facet name="header">
				<h:outputText value="#{messages['payment.type']}"></h:outputText>
			</f:facet>
			<h:outputText value="#{type.title}"></h:outputText>
		</rich:column>
		<rich:column style="text-align:center;width:60%;">
			<f:facet name="header">
				<h:outputText value="#{messages['action']}"></h:outputText>
			</f:facet>
			<h:commandButton styleClass="button" value="#{messages['select']}" action="#{memberNewAgreementBean.navPaymentSelection}" 
			actionListener="#{memberNewAgreementBean.paymentListener}">
			</h:commandButton>
			<f:param value="#{type.id}" id="paymentSelectId"/>
		</rich:column>
	</rich:dataTable>
</rich:panel>